<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/common.css" />
<title>无标题文档</title>
<style type="text/css">
.bg{ width:1920px; float:left; background:url(img/bg.png) no-repeat; height:89px; padding-top:30px;}
.imgs{ float:left; width:410px; height:50px;}
.nav{ float:left; margin-top:5px;}
.nav li{ float:left; width:200px; height:50px; line-height:50px; text-align:center; font-size:20px;}
#names{ float:left; font-size:20px; margin-top:20px; margin-left:120px;}
#exits{ float:left; font-size:20px; margin-left:20px; color:blue; cursor:pointer; margin-top:20px;}
.all{ width:1920px; float:left; margin-top:15px;}
.content{ width:840px; height:950px; background-color:#e6e6e6; margin:0 auto; border:1px #8fa9ab solid;} 
.people_information{ float:left; margin-left:128px; margin-top:65px;}
.contents{ background:url(img/contents.png) no-repeat; width:840px; float:left; height:686px; margin-top:28px; margin-left:43px;}
.contents_left{ width:117px; float:left; padding-top:50px;}
.contents_left span{ width:117px; text-align:right; float:left; margin-right:10px; color:#858585; font-size:16px; margin-bottom:30px; line-height:16px;}
.contents_right{ width:624px; float:left; padding-top:50px;}
.contents_right span{ float:left; color:#858585; font-size:16px; margin-bottom:30px;}
.contents_right input{ float:left; padding-left:10px; margin-bottom:25px;}
#yourname{ width:178px; height:21px; background-color:#d3dda1; border:1px #000 solid;}
.date{ margin-left:100px; margin-right:45px;}
#idcard{  width:580px; height:21px; background-color:#d3dda1; border:1px #000 solid;}
#local_address{ width:580px; height:80px; background-color:#d3dda1; border:1px #000 solid;}
#host_size{ width:107px; height:21px; background-color:#d3dda1; border:1px #000 solid; margin-right:78px;}
#former_name{ width:87px; height:21px; background-color:#d3dda1; border:1px #000 solid; margin-right:78px;}
#high{ width:87px; height:21px; margin-right:5px;}
#host{width:107px; height:21px; background-color:#d3dda1; border:1px #000 solid;margin-right:94px;}
#sex{width:87px; height:21px; background-color:#d3dda1; border:1px #000 solid;margin-right:78px;}
#flood{width:87px; height:21px; background-color:#d3dda1; border:1px #000 solid;}
#born_address{ width:580px; height:80px; background-color:#d3dda1; border:1px #000 solid;}
#native{ width:190px; height:21px; background-color:#d3dda1; border:1px #000 solid; margin-right:146px;}
#oldhome{ width:110px; height:21px; background-color:#d3dda1; border:1px #000 solid;}
#birthday{ width:190px; height:21px; background-color:#d3dda1; border:1px #000 solid; margin-right:114px;}
#curtual{ float:left; width:110px; padding-left:10px; margin-bottom:26px; margin-right:120px; display:block;}
.lables{ float:left; width:120px; margin-right:184px;}
#solider{ width:110px; height:21px; margin-right:15px;}
#work{  width:190px; height:21px; margin-right:114px;}
#religious{ width:110px; height:21px; margin-right:15px;}
#other_address{ width:580px; height:40px;}
#change,#cancel{ float:left; width:120px; height:35px; border:none; background-color:#000; color:#fff; font-size:18px; border-radius:10%; margin-right:5px; position:relative; top:20px; left:540px;}
.footer{ width:1920px; height:34px; float:left; background:url(img/footer.png) no-repeat; margin-top:64px;}
</style>
</head>

<body>
<div class="bg clearfix">
	<img src="img/fonts_title.png" class="imgs" />
    <ul class="nav">
    	<li><a href="#">户籍管理（M）</a></li>
        <li><a href="#">查询信息（S）</a></li>
        <li><a href="#">业务办理（B）</a></li>
        <li><a href="#">密码修改</a></li>
        <li><a href="#">窗口（W）</a></li>
        <li><a href="#">帮助（H）</a></li>
    </ul>
    <span id="names">张三</span>
    <span id="exits">注销</span>
</div>
<div class="all clearfix">
	<div class="content">
    	<img src="img/people_information.png" class="people_information" />
        <div class="contents">
        	<div class="contents_left">
            	<span>姓名：</span>
                <span>身份证号码：</span>
                <span>本机地址：</span>
                <span></span>
                <span></span>
                <span>户籍类型：</span>
                <span>与户主的关系：</span>
                <span>出生地址：</span>
                <span></span>
                <span></span>
                <span>民族：</span>
                <span>出生日期：</span>
                <span>婚姻状况：</span>
                <span>职业：</span>
                <span>其它地址：<br/>（非必填）</span>
                <span></span>
            </div>
            <div class="contents_right">
            	<input type="text" id="yourname" value="张三"/>
                <span class="date">修改日期：</span>
                <span id="dates">2009-5-26</span>
                <input type="text" id="idcard" value="130456198208069543"/>
                <input type="text" id="local_address" value="唐山市开平镇赵庄 1000号" />
                <input type="text" id="host_size" value="务农" />
                <span>曾用名：</span>
                <input type="text" id="former_name"/>
                <span>身高：</span>
                <input type="text" id="high" value="175"/>
                <span>CM</span>
                <input type="text" id="host" value="户主" />
                <span>性别：</span>
                <input type="text" id="sex" value="男"/>
                <span>血型：</span>
                <input type="text" id="flood" value="O型"/>
                <input type="text" id="born_address" value="唐山市开平镇赵庄 1000号" />
                <input type="text" id="native" value="汉族" />
                <span>籍贯：</span>
                <input type="text" id="oldhome" value="中国"/>
                <input type="text" id="birthday" value="1980-08-06" />
                <span>文化程度：</span>
                <select id="curtual">
                	<option>小学</option>
                    <option>初中</option>
                    <option>高中</option>
                    <option>专科</option>
                    <option>本科</option>
                    <option>硕士</option>
                    <option>博士</option>
                    <option>博士后</option>
                </select>
                <div class="lables">
                    <label><input type="radio" name="marry"/><span>已婚</span></label>
                    <label><input type="radio" name="marry"/><span>未婚</span></label>
                </div>
                <span>兵役情况：</span>
                <input type="text" id="solider" value="已服"/>
                <span>(非必填)</span>
                <input type="text" id="work" value="教师" />
                <span>宗教信仰：</span>
                <input type="text" id="religious"/>
                <span>(非必填)</span>
                <input type="text" id="other_address"/>
            </div>
        </div>
        <input type="button" id="change" value="修改"/>
        <input type="button" id="cancel" value="取消"/>
    </div>
</div>
<div class="footer clearfix"></div>
</body>
</html>
